import { Canvas, Meta, Story, Source } from '@storybook/blocks';
import * as InputStories from './input.stories';

<Meta title="Atoms/Input/Overview" />

# Atoms input overview

## Description

Input is a form element that allows the user to enter text.

## States

<br />

### Default

<Canvas>
  <Story of={InputStories.InputDefault}></Story>
</Canvas>

### Focus

<Canvas>
  <Story of={InputStories.InputFocus}></Story>
</Canvas>

## Code

<br />

<Source code='<input class="rw-form-control" type="text" />' language="html" dark={true} />

## Use cases

> This component is used in the following stories:

### Molecules

### Organisms

### Templates

### Pages
